<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/cart.css">
</head>

<body>
    <header>
        <div class="g-head">
            <div class="h-logo fl">
                <img src="../images/cart-logo.png" alt="">
            </div>
            <ul class="lis fr">
                <li>会员服务</li>
                <span class="zu"></span>
                <li>在线客服</li>
                <span class="zu"></span>
                <li>400-6789-888</li>
                <span class="zu"></span>
                <li style="display: none;" class="success">
                    <span>你好,</span><i>133****1212</i><span class="li-img"></span>
                    <a href="">[退出]</a>
                </li>
                <li>
                    <span>登录</span>
                    <i>注册</i>
                </li>
            </ul>

            <ul class="lis-img">
                <li>
                    <i class="i1"></i>
                    <span>100% 正品保证</span>
                </li>
                <li>
                    <i class="i2"></i>
                    <span>七天无理由放心退</span>
                </li>
                <li>
                    <i class="i3"></i>
                    <span>限时抢购</span>
                </li>
            </ul>
        </div>
    </header>
    <div class="g-body">
        <div class="g-bd">
            <div class="g-bd-txt">
                <span>配送至 <em>长沙市</em></span>
                <div class="bd-txt">
                    <p>
                        勾选商品 "
                        <img src="../images/cartgx.png" alt="">
                        "即可锁定库存20分钟，倒计时内不用担心商品被抢走～
                    </p>
                </div>
            </div>
            <div class="g-goods">
                <div class="goods-hd">
                    <ul class="g-inline-block">
                        <li class="inline-block-item product-item">商品</li>
                        <li class="inline-block-item price-item">单价</li>
                        <li class="inline-block-item num-item">数量</li>
                        <li class="inline-block-item action-item">操作</li>
                    </ul>
                </div>
                <div class="goods-vip">
                    <div class="goods-title">
                        唯品自营
                    </div>
                    <div class="goods-bg">
                        <table class="goods-table">
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="goods-fd">
                <select name="youhui" id="">
                    <option value="">使用优惠券</option>
                </select>
                <p class="txt-1">共<span class="it-num">1</span>件商品&nbsp; 总金额 <span class="p-price1"><i>￥</i> </span></p>
                <p class="txt-1">共<span class="it-num">1</span>件商品&nbsp; 总金额 <span class="p-price2"><i>￥</i> </span></p>
            </div>
            <div class="goods-account">
                <p>请在倒计时之前结算</p>
                <button class="btn">立即结算
                    <span class="tm"></span>
                    <span class="ts"></span>
                </button>
            </div>
        </div>
    </div>
</body>

</html>